@use "./reset";

.app-container {
    padding: 10px;
}
.wh-full {
    width: 100vw;
    height: 100vh;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-container {
    padding: 18px 0 0 10px;
    margin-bottom: 10px;
    background-color: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
    border-radius: 4px;
    box-shadow: var(--el-box-shadow-light);
}

.table-container > .el-card__header {
    padding: calc(var(--el-card-padding) - 8px) var(--el-card-padding);
}

.link-type,
.link-type:focus {
    color: #337ab7;
    cursor: pointer;

    &:hover {
        color: rgb(32 160 255);
    }
}

// .el-overlay.is-message-box .el-overlay-message-box {
//     text-align: center;
//     position: fixed;
//     top: 50%;
//     bottom: 0;
//     left: 50%;
//     padding: 16px;
//     overflow: auto;
//     transform: translate(-50%, -50%);
//     .el-message-box {
//         display: inline-block;
//         position: relative;
//         max-width: 450px;
//         width: 420px;
//         height: 130px;
//         padding: 10px;
//         vertical-align: middle;
//         background-color: var(--el-bg-color);
//         border-radius: 4px;
//         font-size: var(--el-messagebox-font-size);
//         box-shadow: var(--el-messagebox-box-shadow);
//         text-align: left;
//         overflow: hidden;
//         -webkit-backface-visibility: hidden;
//         backface-visibility: hidden;
//         box-sizing: border-box;
//         overflow-wrap: break-word;
//         .el-message-box__container {
//             display: flex;
//             align-items: center;
//             gap: 12px;
//             color: #606266;
//             .el-icon {
//                 color: #e6a23c;
//             }
//         }
//         .el-message-box__headerbtn {
//             position: absolute;
//             top: 0;
//             right: 0;
//             padding: 0;
//             width: 40px;
//             height: 40px;
//             border: none;
//             outline: 0;
//             background: 0 0;
//             font-size: var(--el-message-close-size, 16px);
//             cursor: pointer;
//         }
//         .el-message-box__message {
//             margin: 0;
//         }
//         .el-message-box__btns {
//             display: flex;
//             flex-wrap: wrap;
//             justify-content: flex-end;
//             align-items: center;
//             padding-top: var(--el-messagebox-padding-primary);
//         }
//     }
// }
